<script setup lang="ts">
import Layout from "~@/components/Layout/index.vue";
import Avatar from "~@/components/Avatar/index.vue";
import avatarImg from "../../src_images/avatar1.jpg";
import Icon from "~@/components/Icon/index.vue";
import { FontTypeEnum } from "~@/components/Icon/types.ts";
console.log(avatarImg);
console.dir(avatarImg);
</script>
<template>
    <div class="test-container">
        <h2>Test</h2>
        <i class="iconfont icon-blog"></i>
        <Layout>
            <template #left>
                <div>app left aabdddbba</div>
                <!-- <Avatar url="public_images/avatar1.jpg" /> -->
                <!-- <Avatar
                    url="http://mdrs.yuanjin.tech/FgMwAPYq17So9nwVH44ltDHo7u3c"
                /> -->
                <Avatar :url="avatarImg" />
            </template>
            <template #main>
                <div>app main</div>
            </template>
            <template #right>
                <div>app right</div>
                <Icon :type="FontTypeEnum.Home" :size="5"/>
            </template>
        </Layout>
    </div>
    <!-- <Icon type="home"/> -->
</template>
<style lang="less" scoped>
@import url("~@/styles/font/iconfont.css");
h2 {
    color: @primary;
}

.test-container {
    .self-fill(fixed);
}
</style>
